<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue 组件参数校验与非props特性</title>
    <script charset="UTF-8" src="js/vue.js"></script>
</head>
<body>
<div id="app">
    <child content="hell"></child>
</div>
<script>
    Vue.component('child',{
        // props:{
        //     // content:Number
        //     // content:[Number,String]
        //     content:{
        //         type:String,
        //         // required:false,  //是否必传
        //         // default:'default value',  //默认值
        //         // validator:function (value) {   //自定义校验器
        //         //     return (value.length>5)
        //         // }
        //     }
        // },
        template:'<div>{{content}}</div>'
    });
    let vm = new Vue({
        el: '#app',
    });
</script>
</body>
</html>